#my_images_choose .modal-dialog { width: 900px; }
#my_images_choose .modal-body { padding: 12px 0; }
#my_images_choose #images_list { height: 400px; overflow: auto; position: relative; }
#my_images_choose .spinner { zoom: 1.8; position: absolute; top: 50%; margin-top: -15px; left: 0; right: 0; z-index: 1; }
#my_images_choose .img_detail { position: relative; width: 32%; display: inline-block; margin-left: 6px; margin-bottom: 6px; height: 200px; float: left; overflow: hidden; }
#my_images_choose .img_detail img { width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; -webkit-transition: all .5s ease; }
#my_images_choose .img_detail .mask { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, .4); opacity: 0; transition: all .5s ease; -webkit-transition: all .4s ease; cursor: pointer; }
#my_images_choose .img_detail:hover .mask+img { transform: scale(1.3); -webkit-transform: scale(1.3); }
#my_images_choose .img_detail:hover .mask { opacity: 1; z-index: 1; }
#my_images_choose .img_detail.selected .mask { opacity: 1; cursor: default; z-index: 1; }
#my_images_choose .mask .ok_icon { position: absolute; font-size: 40px; top: 50%; text-align: center; width: 100%; margin-top: -23px; color: #fff; }
#my_images_choose .modal-footer { text-align: center; }
#my_images_choose .modal-footer .btn { width: 100px; }